{{! A person (ADR 0030): photo or icon, then name, job title, description, social links and a button. Without a button the whole card can be a link. The button and the icon are a Button's and an Icon's markup and looks (ADR 0026). }}
<article {{@attrs}}><div class="sv-team-member__media">{{#useIcon}}<span class="sv-team-member__icon sv-icon sv-icon--size-{{iconSize}}" aria-hidden="true">{{#iconCircle}}<span class="sv-icon__circle">{{/iconCircle}}<span class="sv-icon__glyph sv-glyph-{{icon}}"></span>{{#iconCircle}}</span>{{/iconCircle}}</span>{{/useIcon}}{{^useIcon}}{{#image.url}}<img class="sv-team-member__photo wp-image-{{image.id}}" src="{{image.url}}" alt="{{image.alt}}"{{#image.width}} width="{{image.width}}" height="{{image.height}}"{{/image.width}} loading="lazy" decoding="async">{{^button.label}}{{#link.url}}<span class="sv-image__arrow" aria-hidden="true"></span>{{/link.url}}{{/button.label}}{{/image.url}}{{^image.url}}{{@placeholder image}}{{/image.url}}{{/useIcon}}</div><div class="sv-team-member__body"><h3 class="sv-team-member__name"{{@edit title}}>{{{title}}}</h3>{{#role}}<p class="sv-team-member__role"{{@edit role}}>{{role}}</p>{{/role}}{{#text}}<p class="sv-team-member__text"{{@edit text}}>{{text}}</p>{{/text}}<div class="sv-team-member__social">{{#social.linkedin.show}}{{#social.linkedin.url}}<a class="sv-team-member__social-link" href="{{social.linkedin.url}}" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"><svg class="sv-team-member__social-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-4 0v7h-4v-7a6 6 0 0 1 6-6z"/><path d="M2 9h4v12H2z"/><circle cx="4" cy="4" r="2"/></svg></a>{{/social.linkedin.url}}{{/social.linkedin.show}}{{#social.whatsapp.show}}{{#social.whatsapp.url}}<a class="sv-team-member__social-link" href="{{social.whatsapp.url}}" target="_blank" rel="noopener noreferrer" aria-label="WhatsApp"><svg class="sv-team-member__social-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/><path class="sv-team-member__social-fill" d="M9 8.5c.2 3.6 2.9 6.3 6.5 6.5l.9-1.9-2.1-1-.9.9c-1-.4-1.8-1.2-2.2-2.2l.9-.9-1-2.1z"/></svg></a>{{/social.whatsapp.url}}{{/social.whatsapp.show}}{{#social.instagram.show}}{{#social.instagram.url}}<a class="sv-team-member__social-link" href="{{social.instagram.url}}" target="_blank" rel="noopener noreferrer" aria-label="Instagram"><svg class="sv-team-member__social-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="2" y="2" width="20" height="20" rx="5"/><path d="M16 11.4A4 4 0 1 1 12.6 8 4 4 0 0 1 16 11.4z"/><path d="M17.5 6.5h.01"/></svg></a>{{/social.instagram.url}}{{/social.instagram.show}}{{#social.x.show}}{{#social.x.url}}<a class="sv-team-member__social-link" href="{{social.x.url}}" target="_blank" rel="noopener noreferrer" aria-label="X"><svg class="sv-team-member__social-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4 4h4.5L20 20h-4.5z"/><path d="m20 4-6.6 7.2"/><path d="m4 20 6.6-7.2"/></svg></a>{{/social.x.url}}{{/social.x.show}}{{#social.facebook.show}}{{#social.facebook.url}}<a class="sv-team-member__social-link" href="{{social.facebook.url}}" target="_blank" rel="noopener noreferrer" aria-label="Facebook"><svg class="sv-team-member__social-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg></a>{{/social.facebook.url}}{{/social.facebook.show}}{{#social.youtube.show}}{{#social.youtube.url}}<a class="sv-team-member__social-link" href="{{social.youtube.url}}" target="_blank" rel="noopener noreferrer" aria-label="YouTube"><svg class="sv-team-member__social-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M2.5 17a24 24 0 0 1 0-10 2 2 0 0 1 1.4-1.4 50 50 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24 24 0 0 1 0 10 2 2 0 0 1-1.4 1.4 50 50 0 0 1-16.2 0A2 2 0 0 1 2.5 17"/><path d="m10 15 5-3-5-3z"/></svg></a>{{/social.youtube.url}}{{/social.youtube.show}}</div>{{#button.label}}<div class="sv-button sv-button--variant-{{buttonVariant}} sv-button--size-sm sv-team-member__button">{{#button.link.url}}<a class="sv-button__control{{#button.arrow}} sv-button__control--arrow{{/button.arrow}}{{#button.icon}} sv-button__control--icon{{#button.iconEnd}} sv-button__control--icon-end{{/button.iconEnd}} sv-glyph-{{button.icon}}{{/button.icon}}" href="{{button.link.url}}"{{#button.link.newTab}} target="_blank" rel="noopener noreferrer"{{/button.link.newTab}}{{@edit button.label}}>{{button.label}}</a>{{/button.link.url}}{{^button.link.url}}<span class="sv-button__control{{#button.arrow}} sv-button__control--arrow{{/button.arrow}}{{#button.icon}} sv-button__control--icon{{#button.iconEnd}} sv-button__control--icon-end{{/button.iconEnd}} sv-glyph-{{button.icon}}{{/button.icon}}"{{@edit button.label}}>{{button.label}}</span>{{/button.link.url}}</div>{{/button.label}}{{^button.label}}{{#link.url}}<a class="sv-team-member__cardlink" href="{{link.url}}"{{#link.newTab}} target="_blank" rel="noopener noreferrer"{{/link.newTab}}><span class="sv-team-member__sr">{{{title}}}</span></a>{{/link.url}}{{/button.label}}</div></article>